.cesium-viewer-toolbar {
    top: auto !important;

    bottom: 35px !important;

    left: auto !important;

    right: 12px !important;
    width: 38px;
}

.cesium-toolbar-button img {
    height: 100%;
}

/*  */

.cesium-sceneModePicker-wrapperr >  .cesium-toolbar-button{
margin-left: -60px;
}
.cesium-viewer-toolbar > .cesium-toolbar-button,
.cesium-navigationHelpButton-wrapper,
.cesium-viewer-geocoderContainer {
    margin-bottom: 5px;

    float: left;

    clear: both;

    text-align: center;
}

.cesium-button {
    background-color: rgba(23, 49, 71, 0.7);

    color: #e6e6e6;

    fill: #e6e6e6;

    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);

    line-height: 32px;
}

.cesium-button:hover {
    background-color: rgba(0, 138, 255, 0.7);
}

/**cesium 底图切换面板*/

.cesium-baseLayerPicker-dropDown {
    bottom: 0;

    left: -345px;

    max-height: 700px;

    margin-bottom: 5px;

    background-color: rgba(23, 49, 71, 0.7);
}

/**cesium 帮助面板*/

.cesium-navigation-help {
    top: -202px !important;

    bottom: 0;

    left: -250px;

    transform-origin:  bottom right !important;

    background: none;

    background-color: rgba(23, 49, 71, 0.8);

    .cesium-navigation-help-instructions {
        background: none;
    }

    .cesium-navigation-button {
        background: none;
    }

    .cesium-navigation-button-selected,
    .cesium-navigation-button-unselected:hover {
        background-color: rgba(23, 49, 71, 1);
    }
}

/**cesium 二维三维切换*/

.cesium-sceneModePicker-wrapper {
    width: auto;
}
.cesium-sceneModePicker-wrapper .cesium-sceneModePicker-dropDown-icon{
    float: right;
    /* width: 100px; */
    margin: 0 3px;
    position: relative;
    /* left: -76px; */
    left: -100px;
    margin-right: 5px !important;
    /* top: -55px; */
}
span.cesium-sceneModePicker-wrapper{
    display: flex !important;
    justify-content: flex-start;
    width: 100px;
align-items: baseline;
}
/* .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-dropDown-icon[title=二维视图] {
  
    position: absolute;
    left: -38px !important;
} */

/**cesium POI查询输入框*/

.cesium-viewer-geocoderContainer .search-results {
    left: 0;

    right: 40px;

    width: auto;

    z-index: 9999;
}

.cesium-geocoder-searchButton {
    background-color: rgba(23, 49, 71, 0.8);
}

.cesium-viewer-geocoderContainer .cesium-geocoder-input {
    background-color: rgba(63, 72, 84, 0.7);
}

.cesium-viewer-geocoderContainer .cesium-geocoder-input:focus {
    background-color: var(--mars-bg-base, rgba(63, 72, 84, 0.9));
}

.cesium-viewer-geocoderContainer .search-results {
    background-color: rgba(23, 49, 71, 0.8);
}

/**cesium info信息框*/

.cesium-infoBox {
    top: 50px;

    background: var(--mars-bg-base, rgba(63, 72, 84, 0.9));
}

.cesium-infoBox-title {
    background-color: rgba(23, 49, 71, 0.8);
}

/**cesium 任务栏的FPS信息*/

.cesium-performanceDisplay-defaultContainer {
    top: auto;

    bottom: 35px;

    right: 50px;
}

.cesium-performanceDisplay-ms,
.cesium-performanceDisplay-fps {
    color: #fff;
}

/**cesium tileset调试信息面板*/

.cesium-viewer-cesiumInspectorContainer {
    top: 10px;

    left: 10px;

    right: auto;
}

.cesium-cesiumInspector {
    background-color: rgba(23, 49, 71, 0.8);
}

/**覆盖mars3d内部控件的颜色等样式*/

.mars3d-compass .mars3d-compass-outer {
    fill: rgba(23, 49, 71, 0.8);
}

.mars3d-contextmenu-ul,
.mars3d-sub-menu {
    background-color: rgba(23, 49, 71, 0.8);

    > li > a:hover,
    > li > a:focus,
    > li > .active {
        background-color: var(--mars-hover-btn-bg, #3ea6ff);
    }

    > .active > a,
    > .active > a:hover,
    > .active > a:focus {
        background-color: var(--mars-hover-btn-bg, #3ea6ff);
    }
}

/* Popup样式*/

.mars3d-popup-color {
    color: var(--mars-text-color, #ffffff);
}

.mars3d-popup-background {
    background: var(--mars-bg-base, rgba(63, 72, 84, 0.9));
}

.mars3d-popup-content {
    margin: 15px;
}

.mars3d-popup-btn-custom {
    padding: 3px 10px;

    border: 1px solid #209ffd;

    background: #209ffd1c;
}

.mars3d-tooltip {
    color: var(--mars-text-color, #ffffff);

    background: var(--mars-bg-base, rgba(63, 72, 84, 0.9));

    border: 1px solid var(--mars-bg-base, rgba(63, 72, 84, 0.9));
}

.mars3d-tooltip-top:before {
    border-top-color: var(--mars-bg-base, rgba(23, 49, 71, 0.8));
}

.mars3d-tooltip-bottom:before {
    border-bottom-color: var(--mars-bg-base, rgba(23, 49, 71, 0.8));
}

.mars3d-tooltip-left:before {
    border-left-color: var(--mars-bg-base, rgba(23, 49, 71, 0.8));
}

.mars3d-tooltip-right:before {
    border-right-color: var(--mars-bg-base, rgba(23, 49, 71, 0.8));
}

/* all 中的html样式 */

.mars3d-template-titile {
    color: var(--mars-base-color);

    border-bottom: 1px solid var(--mars-hover-btn-bg);

    a {
        font-size: 16px;

        color: var(--mars-msg-title-color);
    }
}

.mars3d-template-content {
    label {
        padding-right: 6px;
    }

    input {
        color: var(--mars-text-color);

        background-color: transparent !important;

        padding: 4px 5px;
    }

    input::placeholder {
        color: #cdcdcd !important;
    }

    textarea {
        color: var(--mars-base-color);

        background-color: transparent !important;

        padding: 4px 5px;
    }

    textarea::placeholder {
        color: #cdcdcd !important;
    }
}